<% layout("/common/layout.html",{"title":"个体户营业执照办理详情"}){ %>
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-sm-8">
        <h2>个体户营业执照办理列表</h2>
        <ol class="breadcrumb">
            <li><a href="${ctxPath}/admin/main">主页</a></li>
            <li><a href="../view/index">个体户营业执照办理列表</a></li>
            <li class="active">详情</li>
        </ol>
    </div>
    <div class="col-sm-4">
        <div class="title-action">
            <div class="btn-group">
                <a class="btn btn-primary btn-outline" href="../update/${id}"><i class="fa fa-retweet"> </i> 审核办理</a>
                <a class="btn btn-primary btn-outline" href="../view/index"><i class="fa fa-reply"> </i> 返回列表</a>
            </div>
        </div>
    </div>
</div>

<div class="wrapper wrapper-content">
    <div class="tabs-container" id="tabs-container">
        <ul class="nav nav-tabs">
            <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true"> 基本信息</a></li>
            <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">经营者</a></li>
            <li class=""><a data-toggle="tab" href="#tab-3" aria-expanded="false">审批日志</a></li>
        </ul>
        <div class="tab-content">
            <div id="tab-1" class="tab-pane active">
                <div class="panel-body">
                    <div class="form-horizontal">
                        <div class="form-group">
                            <label for="merchantName" class="control-label-info pull-left">企业名称：</label>
                            <div class="col-sm-10">
                                <div class="input-group col-sm-4">
                                    <input id="merchantName" class="form-control" type="text" value="${merchantApply.merchantName}" disabled>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label-info pull-left">备选字号：</label>
                            <div class="col-sm-10" id="merchantBrandList">
                                <%
                                if(isNotEmpty(merchantBrandOptionalList)){
                                for(brand in merchantBrandOptionalList){
                                %>
                                <div class="input-group col-sm-4 merchantBrandList m-b-xs">
                                    <input class="form-control" type="text" value="${merchantApply.region}${brand}${merchantApply.industry}${merchantApply.merchantType}" disabled>
                                </div>
                                <% }
                                }
                                %>
                            </div>
                        </div>


                        <div class="form-group">
                            <label for="employees" class="control-label-info pull-left">从业人数：</label>
                            <div class="col-sm-3">
                                <input id="employees" name="employees" class="form-control" type="text" value="${merchantApply.employees}个人" disabled>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="registeredCapital" class="control-label-info pull-left">资金数额：</label>
                            <div class="col-sm-3">
                                <input id="registeredCapital" name="registeredCapital" class="form-control" type="text" value="${merchantApply.registeredCapital}万元" disabled>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="industry" class="control-label-info pull-left">企业行业：</label>
                            <div class="col-sm-3">
                                <input id="industry" name="industry" class="form-control" type="text" value="${merchantApply.industry}" disabled>
                            </div>
                        </div>


                        <div class="form-group">
                            <label for="merchantType" class="control-label-info pull-left">企业类型：</label>
                            <div class="col-sm-3">
                                <input id="merchantType" name="merchantType" class="form-control" type="text" value="${merchantApply.merchantType}" disabled>
                            </div>
                        </div>


                        <div class="form-group">
                            <label for="merchantAddress" class="control-label-info pull-left">注册地址：</label>
                            <div class="col-sm-6">
                                <input id="merchantAddress" name="merchantAddress" class="form-control" type="text" value="${merchantApply.merchantAddress}" disabled>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="businessScope" class="control-label-info pull-left">经营范围：</label>
                            <div class="col-sm-6">
                                <textarea id="businessScope" class="form-control" rows="5" disabled>${merchantApply.businessScope}</textarea>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="businessScope" class="control-label-info pull-left">协议证照：</label>
                            <div class="row col-sm-10" id="businessScopeImage">
                                <% if(isNotEmpty(imagesList)){
                                for(image in imagesList){ %>
                                <div class="col-sm-2">
                                    <img src="${uploaderFilesDomain!}${image.img!'/static/images/nopic.jpg'}" class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
                                </div>
                                <% }}else{ %>
                                <div class="col-sm-2">
                                    <img src="${uploaderFilesDomain!}${uploaderImageNotpic!}" class="img-thumbnail" title="暂无图片" alt="暂无图片">
                                </div>
                                <% } %>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div id="tab-2" class="tab-pane">
                <div class="panel-body">
                    <table class="table table-hover table-bordered">
                        <thead>
                        <tr>
                            <th width="20%">类型</th>
                            <th width="80%">数据</th>
                        </tr>
                        </thead>
                        <tbody>

                        <%
                        if(isNotEmpty(member)){
                        %>
                        <tr>
                            <td>姓名</td>
                            <td>${member.name}</td>
                        </tr>
                        <tr>
                            <td>性别</td>
                            <td>${decode(member.sex,1,'男',2,'女')}</td>
                        </tr>
                        <tr>
                            <td>身份证号码</td>
                            <td>${member.cardNumber}</td>
                        </tr>
                        <tr>
                            <td>民族</td>
                            <td>${member.nation}</td>
                        </tr>
                        <tr>
                            <td>住所</td>
                            <td>${member.address}</td>
                        </tr>
                        <tr>
                            <td>移动电话</td>
                            <td>${member.phone}</td>
                        </tr>
                        <tr>
                            <td>邮箱</td>
                            <td>${member.email}</td>
                        </tr>
                        <tr>
                            <td>文化程度</td>
                            <td>${webUtil.memberEdu(member.education)}</td>
                        </tr>
                        <tr>
                            <td>政治面貌</td>
                            <td>${member.politicsStatus!}</td>
                        </tr>
                        <tr>
                            <td>职业状况</td>
                            <td>${member.workStatus!}</td>
                        </tr>
                        <tr>
                            <td>身份证照片</td>
                            <td class="IDcard">
                                <div class="col-sm-6">
                                    <img src="${uploaderFilesDomain!}${member.cardFrontPicture!'/static/images/nopic.jpg'}" class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
                                </div>
                                <div class="col-sm-6">
                                    <img src="${uploaderFilesDomain!}${member.cardBackPicture!'/static/images/nopic.jpg'}" class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
                                </div>
                            </td>
                        </tr>
                        <% } else{ %>
                        <tr>
                            <td colspan="2" class="text-center text-muted">暂无数据</td>
                        </tr>
                        <% } %>
                        </tbody>
                    </table>
                </div>
            </div>

            <div id="tab-3" class="tab-pane">
                <div class="panel-body">
                    <table class="table table-hover table-bordered">
                        <thead>
                        <tr>
                            <th width="11%">审批人</th>
                            <th width="11%">审批时间</th>
                            <th width="8%">状态</th>
                            <th width="70%">建议</th>
                        </tr>
                        </thead>
                        <tbody>
                        <%
                        if(isNotEmpty(flowProcessList)){
                        for(process in flowProcessList){
                        %>
                        <tr>
                            <td>${process.auditorNickName} / ${process.auditorUserName}</td>
                            <td class="text text-center">${process.updateTime,"yyyy-MM-dd HH:mm:ss"}</td>
                            <td>${webUtil.merchantItemStatus(process.auditStatus!0)}</td>
                            <td>${process.message}</td>
                        </tr>
                        <%
                        }
                        }else{
                        %>
                        <tr>
                            <td colspan="4" class="text-center text-muted">暂无数据</td>
                        </tr>
                        <%
                        }
                        %>
                        </tbody>
                    </table>
                </div>
            </div>

        </div>

    </div>
</div>

<% } %>
<script type="text/javascript">
    //页面JS调用
    require(['merchant/apply'], function (apply) {
        apply.view();
    });
</script>
